<div class="login-main">
  <div class="container clearfix">
    <div class="login-warp col-md-5 col-xs-12 pull-right">
      <div class="login-content">
        <form #registerForm="ngForm" class="form-group">
          <div class="login-header clearfix">
            <div class="login-taps">
              <a href="javascript:;" class="login-tap" routerLink="/login">登录</a>
              /
              <a href="javascript:;" class="login-tap login-tap-active">注册</a>
            </div>
          </div>

          <div class="login-input-warp">
            <label for="username"></label>
            <input type="text" name="userName" [(ngModel)]="redirectMsg.mobile" required class="login-input" id="username" placeholder="请输入手机号码">
          </div>

          <div class="login-input-warp">
            <label for="reg_password"></label>
            <input type="password" name="reg_password" [(ngModel)]="redirectMsg.password" required class="login-input" id="reg_password" placeholder="请输入密码">
          </div>

          <div class="login-input-warp">
            <label for="reg_password_rep"></label>
            <input type="password" name="reg_password_rep" required class="login-input" id="reg_password_rep" [(ngModel)]="redirectMsg.password_rep" placeholder="请再次输入密码">
          </div>

          <div class="login-input-warp">
            <label for="phone_code"></label>
            <input type="text" name="phone_code" required class="login-input v-code" id="phone_code" aria-describedby="phone_code" placeholder="图形验证码" [(ngModel)]="verificate">
            <span class="input-group-btn vurl-code">
               <img src="{{vUrl}}" alt="" (click)="vCode()">
            </span>
          </div>

          <div class="login-input-warp">
            <label for="getpass_phone_code"></label>
            <input type="text" name="getpass_phone_code" required class="login-input v-code" id="getpass_phone_code" aria-describedby="getpass_phone_code" placeholder="手机验证码" [(ngModel)]="redirectMsg.code">
            <span class="input-group-btn">
              <button class="btn btn-default" type="button"
                      (click)="getPhoneCode(1, redirectMsg.mobile);"
                      [disabled]="redirectSmsSendTime">{{redirectSmsSendTime?'再次获取验证码' + redirectSmsSendTime:'获取验证码'}}</button>
            </span>
          </div>

          <div class="input-group">
            <button class="btn btn-sm btn-success btn-block" type="submit" [disabled]="!registerForm.form.valid"
                    (click)="register()">注册</button>
          </div>

       </form>
      </div>
    </div>
  </div>
</div>
